window.onload = function (){
    //此处曾犯错误为: 使用getElementById()方法时，把参数写成了id选择器，应该直接写id名称就行
    var addSC = document.getElementById("kongxin");
    var subSC = document.getElementById("shixin");
    //默认加载的方法 本段js代码作用在于载入景区页面时判断用户是否将该景区作为收藏，然后显示相应的图标
    layui.use('layer',function (){
        var layer = layui.layer;
        var $ = layui.$;
        $.ajax({
            url:'/user/getCollectByCollectName',
            data:{
                'collectname':$('#sspotname').text(),
                'tel':$('#UserTel').text()
            },
            dataType:'json',
            type:'POST',
            success:function (result){
                /*通过景区名称和用户手机号进行的判断展示什么样子的图标*/
                if (result.collectname==$('#sspotname').text()&&result.tel==$('#UserTel').text()){
                    subSC.style.display='block';
                    addSC.style.display='none';
                }
            }
        })
    });


    //用做用户景区收藏按钮的JS
    //添加收藏
    addSC.onclick=function (){
        this.style.display = 'none';
        subSC.style.display = 'block';
        $.ajax({
            url:'/user/createCollect',
            data:{
                'collectname':$('#sspotname').text(),
                'tel':$('#UserTel').text(),
                'locationX':$('#locationX').text(),
                'locationY':$('#locationY').text()
            },
            type:'POST',
            dataType:'json',
            success:function (result){
                if (result){
                    layer.msg("添加收藏成功！",{time:1000});
                }else {
                    layer.msg("添加功能出错，添加失败！详细请检查user控制器中的方法!",{time:1000});
                }
            }
        })
    }
    //取消收藏
    subSC.onclick=function (){
        this.style.display = 'none';
        addSC.style.display = 'block';
        $.ajax({
            url: '/user/moveCollect',
            data:{'collectname':$('#sspotname').text(),'tel':$('#UserTel').text()},
            type: "POST",
            dataType: 'json',
            success:function (result){
                if (result){
                    layer.msg("取消收藏成功！",{time:1000});
                }else{
                    layer.msg("取消功能出错，取消失败！详细请检查user控制器中的方法!",{time:1000})
                }

            }
        })
    }
}